<!DOCTYPE html>
<html lang="zxx">
<head>
    <title>万妖Bot</title>
    <meta name="keywords" content="万妖Bot-聊天系统">
    <meta name="description" content="聊天系统|创意功能|智能AI">
    <meta name="full-screen" content="yes">
    <meta name="x5-fullscreen" content="true">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/font-awesome.css" rel="stylesheet" type="text/css" media="all" />
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link href="http://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i" rel="stylesheet">
</head>
<body>
<!-- Slider -->
<div class="w3-banner-info-agile">
    <div class="slider w3layouts agileits">
        <ul class="rslides w3layouts agileits" id="slider">
            <li>
                <div class="layer agileits-banner  agileits-banner1">
                    <p>在线聊天系统</p>
                    <h3>W</h3>
                    <h3>A</h3>
                    <h3>N</h3>
                    <h3>Y</h3>
                    <h3>A</h3>
                    <h3>O</h3>
                    <h4 class="title2-w3ls">智能聊天控制管理</h4>
                    <a href="/login">登录</a>
                </div>
            </li>
            <li>
                <div class="layer agileits-banner  agileits-banner2">
                    <p>在线聊天系统</p>
                    <h3>W</h3>
                    <h3>A</h3>
                    <h3>N</h3>
                    <h3>Y</h3>
                    <h3>A</h3>
                    <h3>O</h3>
                    <h4 class="title2-w3ls">智能聊天控制管理</h4>
                    <a href="/login">登录</a>
                </div>
            </li>
            <li>
                <div class="layer  agileits-banner  agileits-banner3">
                    <p>在线聊天系统</p>
                    <h3>W</h3>
                    <h3>A</h3>
                    <h3>N</h3>
                    <h3>Y</h3>
                    <h3>A</h3>
                    <h3>O</h3>
                    <h4 class="title2-w3ls">智能聊天控制管理</h4>
                    <a href="/login">登录</a>
                </div>
            </li>
        </ul>
    </div>
</div>
<!-- //Slider -->
<!-- banner -->
<div class="banner" id="home">
    <nav class="navbar navbar-default cl-effect-5" id="cl-effect-5">
        <div class="navbar-header navbar-left">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                <span class="sr-only">切换导航</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <h1>
                <a class="navbar-brand" href="index.html">ワンヤオ</a>
            </h1>
        </div>
        <div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li>
                    <a href="#" class="active">主页</a>
                </li>
                <li>
                    <a class="scroll" href="#about">关于</a>
                </li>
                <li>
                    <a class="scroll" href="#services">服务</a>
                </li>
                <li>
                    <a class="scroll" href="#team">团队</a>
                </li>
            </ul>
        </div>
        <!-- /.navbar-collapse -->
    </nav>
</div>
<!-- //banner -->
<!-- services -->
<div class="section-w3ls services-w3ls" id="services">
    <h3 class="title-agile about text-center">特色</h3>
    <p class="about-p text-center">目前的状态</p>
    <div class="container">
        <div class="about-main">
            <div class="col-md-3 col-sm-6  service-grids">
                <div class="services-head-w3ls">
                    <span class="fa fa-codepen" aria-hidden="true"></span>
                </div>
                <div class="services-text">
                    <h4>核心</h4>
                    <p>本代挂系统采用mirai框架实现</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6  service-grids">
                <div class="services-head-w3ls">
                    <span class="fa fa-codepen" aria-hidden="true"></span>
                </div>
                <div class="services-text">
                    <h4>聊天</h4>
                    <p>采用WebSocket将聊天带入网页</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6  service-grids">
                <div class="services-head-w3ls">
                    <span class="fa fa-codepen" aria-hidden="true"></span>
                </div>
                <div class="services-text">
                    <h4>智能</h4>
                    <p>聊天实现多种智能辅助功能</p>
                </div>
            </div>
            <div class="col-md-3 col-sm-6  service-grids">
                <div class="services-head-w3ls">
                    <span class="fa fa-codepen" aria-hidden="true"></span>
                </div>
                <div class="services-text">
                    <h4>发展</h4>
                    <p>本系统架构初步实现，不保证系统完整性，但会不断更新</p>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- //services -->
<!-- about-team -->
<div id="team" class="section-w3ls team">
    <div class="container">
        <h3 class="title-agile about text-center">团队</h3>
        <p class="about-p text-center">还都是萌新呢！</p>
        <div class="team-row-agileinfo about-main">
            <div class="col-md-3 col-sm-6 col-xs-6 team-grids">
                <div class="thumbnail team-agileits">
                    <img src="http://q1.qlogo.cn/g?b=qq&nk=2535080855&s=100" class="img-responsive" alt="" />
                    <div class="w3agile-caption">
                        <h4>漫小猫</h4>
                        <p>站长/兼开发</p>
                        <div class="social-w3lsicon">
                            <a href="http://wpa.qq.com/msgrd?v=3&uin=2535080855&site=qq&menu=yes">
                                <span class="fa fa-qq"></span>
                            </a>
                            <a href="#">
                                <span class="fa fa-comments-o"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6 team-grids">
                <div class="thumbnail team-agileits">
                    <img src="http://q1.qlogo.cn/g?b=qq&nk=10000&s=100" class="img-responsive" alt="" />
                    <div class="w3agile-caption">
                        <h4>XXX</h4>
                        <p>期待加入</p>
                        <div class="social-w3lsicon">
                            <a href="http://wpa.qq.com/msgrd?v=3&uin=2535080855&site=qq&menu=yes">
                                <span class="fa fa-qq"></span>
                            </a>
                            <a href="#">
                                <span class="fa fa-comments-o"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6 team-grids">
                <div class="thumbnail team-agileits">
                    <img src="http://q1.qlogo.cn/g?b=qq&nk=10000&s=100" class="img-responsive" alt="" />
                    <div class="w3agile-caption">
                        <h4>XXX</h4>
                        <p>期待加入</p>
                        <div class="social-w3lsicon">
                            <a href="http://wpa.qq.com/msgrd?v=3&uin=2535080855&site=qq&menu=yes">
                                <span class="fa fa-qq"></span>
                            </a>
                            <a href="#">
                                <span class="fa fa-comments-o"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-6 team-grids">
                <div class="thumbnail team-agileits">
                    <img src="http://q1.qlogo.cn/g?b=qq&nk=10000&s=100" class="img-responsive" alt="" />
                    <div class="w3agile-caption">
                        <h4>XXX</h4>
                        <p>期待加入</p>
                        <div class="social-w3lsicon">
                            <a href="http://wpa.qq.com/msgrd?v=3&uin=2535080855&site=qq&menu=yes">
                                <span class="fa fa-qq"></span>
                            </a>
                            <a href="#">
                                <span class="fa fa-comments-o"></span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="clearfix"> </div>
        </div>
    </div>
</div>
<!-- //about-team -->
<!-- about -->
<div class="section-w3ls about-w3ls" id="about">
    <h3 class="title-agile about text-center">关于我们</h3>
    <span class="about-p text-center">探索
			<span class="sub-title"></span>创新
			<span class="sub-title"></span>进展</span>
    <div class="container">
        <div class="about-main about1">
            <div class="col-md-4 about-grid-w3ls">
                <div class="about-sub-grid-w3ls">
                    <h4>漫小猫</h4>
                    <p>Q群:536321009</p>
                </div>
                <div class="about-sub-grid-w3ls">
                    <h4>XXX</h4>
                    <p>......</p>
                </div>
            </div>
            <div class="col-md-4 about-grid-w3ls1">
                <img src="images/gy.jpg" class="img-responsive" alt="" />
            </div>
            <div class="col-md-4 about-grid-w3ls ab-right">
                <div class="about-sub-grid-w3ls">
                    <h4>XXX</h4>
                    <p>......</p>
                </div>
                <div class="about-sub-grid-w3ls">
                    <h4>XXX</h4>
                    <p>......</p>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- //about -->
<div class="copyright text-center">
    <div class="container">
        <h6 class="title about text-center">manxiaomao@qq.com</h6>
        <ul class="top-links">
            <li>
                <a href="http://wpa.qq.com/msgrd?v=3&uin=2535080855&site=qq&menu=yes">
                    <span class="fa fa-qq"></span>
                </a>
            </li>
        </ul>
        <h5 class="title about text-center">蜀ICP备2020030130号</h5>
        <p>Copyright &copy; 2020.Company 漫小猫 All rights reserved.<a target="_blank" href="http://www.lxbkw.com"></a></p>
    </div>
</div>
<script src="js/jquery-2.2.3.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script src="js/bootstrap.js"></script>
<script>
    $(function () {
        $("#slider, #slider1").responsiveSlides({
            auto: true,
            nav: false,
            speed: 1500,
            namespace: "callbacks",
            pager: true,
        });
        var tk = localStorage.getItem("token");
        if(tk!=null && tk!=="" && tk!=="null"){
            $(".agileits-banner").append('<a href="/admin">控制台</a>');
        }
    });
</script>
</body>
</html>